import Main from '@/views/main.vue'
export const menuRouter = [
  {
    path: '/',
    name: 'Home',
    component: () => import('@/views/Home.vue')
  },
  {
    path: '/chart/line',
    meta: {
      title: '折线图'
    },
    name: 'line',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础折线图'
        },
        name: 'line-basic',
        component: () => import('@/views/chart/line/components/basic.vue')
      },
      {
        path: 'smooth',
        meta: {
          title: '平滑折线图'
        },
        name: 'line-smooth',
        component: () => import('@/views/chart/line/components/smooth.vue')
      },
      {
        path: 'area',
        meta: {
          title: '区域折线图'
        },
        name: 'line-area',
        component: () => import('@/views/chart/line/components/area.vue')
      },
      {
        path: 'stack-area',
        meta: {
          title: '堆叠面积图'
        },
        name: 'line-stack-area',
        component: () => import('@/views/chart/line/components/stack-area.vue')
      },
      {
        path: 'percentage-stack-area',
        meta: {
          title: '百分比堆叠面积图'
        },
        name: 'line-percentage-stack-area',
        component: () => import('@/views/chart/line/components/percentage-stack-area.vue')
      },
      {
        path: 'step',
        meta: {
          title: '阶梯折线图'
        },
        name: 'line-step',
        component: () => import('@/views/chart/line/components/step.vue')
      },
      {
        path: 'settings-label',
        meta: {
          title: '折线图设置 - 数据标签'
        },
        name: 'line-settings-label',
        component: () => import('@/views/chart/line/components/settings-label.vue')
      },
      {
        path: 'settings-y-axis',
        meta: {
          title: '折线图设置 - 格式化Y轴'
        },
        name: 'line-settings-y-axis',
        component: () => import('@/views/chart/line/components/settings-y-axis.vue')
      },
      {
        path: 'settings-markarea',
        meta: {
          title: '折线图 & markArea'
        },
        name: 'line-settings-markarea',
        component: () => import('@/views/chart/line/components/settings-markarea.vue')
      }
    ]
  },
  {
    path: '/chart/bar',
    meta: {
      title: '柱状图'
    },
    name: 'bar',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础柱状图'
        },
        name: 'bar-basic',
        component: () => import('@/views/chart/bar/components/basic.vue')
      },
      {
        path: 'group',
        meta: {
          title: '分组柱状图'
        },
        name: 'bar-group',
        component: () => import('@/views/chart/bar/components/group.vue')
      },
      {
        path: 'stack',
        meta: {
          title: '堆叠柱状图'
        },
        name: 'bar-stack',
        component: () => import('@/views/chart/bar/components/stack.vue')
      },
      {
        path: 'percentage-stack',
        meta: {
          title: '百分比堆叠柱状图'
        },
        name: 'bar-percentage-stack',
        component: () => import('@/views/chart/bar/components/percentage-stack.vue')
      },
      {
        path: 'row',
        meta: {
          title: '条形图'
        },
        name: 'bar-row',
        component: () => import('@/views/chart/bar/components/row.vue')
      },
      {
        path: 'group-row',
        meta: {
          title: '分组条形图'
        },
        name: 'bar-group-row',
        component: () => import('@/views/chart/bar/components/group-row.vue')
      },
      {
        path: 'stack-row',
        meta: {
          title: '堆叠条形图'
        },
        name: 'bar-stack-row',
        component: () => import('@/views/chart/bar/components/stack-row.vue')
      },
      {
        path: 'percentage-stack-row',
        meta: {
          title: '百分比堆叠条形图'
        },
        name: 'bar-percentage-stack-row',
        component: () => import('@/views/chart/bar/components/percentage-stack-row.vue')
      },
      {
        path: 'contrast-row',
        meta: {
          title: '对比条形图'
        },
        name: 'bar-contrast-row',
        component: () => import('@/views/chart/bar/components/contrast-row.vue')
      },
      {
        path: 'bothway',
        meta: {
          title: '双向柱状图'
        },
        name: 'bar-bothway',
        component: () => import('@/views/chart/bar/components/bothway.vue')
      },
      {
        path: 'double-y-axis',
        meta: {
          title: '双Y轴柱状图'
        },
        name: 'bar-double-y-axis',
        component: () => import('@/views/chart/bar/components/double-y-axis.vue')
      },
      {
        path: 'bar-and-line',
        meta: {
          title: '折柱混合图'
        },
        name: 'bar-and-line',
        component: () => import('@/views/chart/bar/components/bar-and-line.vue')
      },
      {
        path: 'settings-label',
        meta: {
          title: '显示文本标签'
        },
        name: 'bar-settings-label',
        component: () => import('@/views/chart/bar/components/settings-label.vue')
      },
      {
        path: 'waterfall',
        meta: {
          title: '瀑布图'
        },
        name: 'bar-waterfall',
        component: () => import('@/views/chart/bar/components/waterfall.vue')
      },
      {
        path: 'step-watefall',
        meta: {
          title: '阶梯瀑布图'
        },
        name: 'bar-step-watefall',
        component: () => import('@/views/chart/bar/components/step-watefall.vue')
      }
    ]
  },
  {
    path: '/chart/pie',
    meta: {
      title: '饼图'
    },
    name: 'pie',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础饼图'
        },
        name: 'pie-basic',
        component: () => import('@/views/chart/pie/components/basic.vue')
      },
      {
        path: 'selected',
        meta: {
          title: '选中饼图扇区'
        },
        name: 'pie-selected',
        component: () => import('@/views/chart/pie/components/selected.vue')
      },
      {
        path: 'rose',
        meta: {
          title: '南丁格尔玫瑰图'
        },
        name: 'pie-rose',
        component: () => import('@/views/chart/pie/components/rose.vue')
      },
      {
        path: 'pie-donut',
        meta: {
          title: '环饼图'
        },
        name: 'pie-donut',
        component: () => import('@/views/chart/pie/components/pie-donut.vue')
      }
    ]
  },
  {
    path: '/chart/donut',
    meta: {
      title: '环形图'
    },
    name: 'donut',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础环形图'
        },
        name: 'donut-basic',
        component: () => import('@/views/chart/donut/components/basic.vue')
      },
      {
        path: 'selected',
        meta: {
          title: '选中扇区'
        },
        name: 'donut-selected',
        component: () => import('@/views/chart/donut/components/selected.vue')
      },
      {
        path: 'settings-radius',
        meta: {
          title: '半径设置'
        },
        name: 'donut-settings-radius',
        component: () => import('@/views/chart/donut/components/settings-radius.vue')
      },
      {
        path: 'settings-label',
        meta: {
          title: '中心显示标签'
        },
        name: 'donut-settings-label',
        component: () => import('@/views/chart/donut/components/settings-label.vue')
      }
    ]
  },
  {
    path: '/chart/radar',
    meta: {
      title: '雷达图'
    },
    name: 'radar',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础雷达图'
        },
        name: 'radar-basic',
        component: () => import('@/views/chart/radar/components/basic.vue')
      },
      {
        path: 'circle',
        meta: {
          title: '圆形雷达图'
        },
        name: 'radar-circle',
        component: () => import('@/views/chart/radar/components/circle.vue')
      },
      {
        path: 'multiple',
        meta: {
          title: '多雷达图'
        },
        name: 'radar-multiple',
        component: () => import('@/views/chart/radar/components/multiple.vue')
      },
      {
        path: 'configuration',
        meta: {
          title: '配置雷达图'
        },
        name: 'radar-configuration',
        component: () => import('@/views/chart/radar/components/configuration.vue')
      },
      {
        path: 'mixins',
        meta: {
          title: '混合雷达图'
        },
        name: 'radar-mixins',
        component: () => import('@/views/chart/radar/components/mixins.vue')
      }
    ]
  },
  {
    path: '/chart/funnel',
    meta: {
      title: '漏斗图'
    },
    name: 'funnel',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础漏斗图'
        },
        name: 'funnel-basic',
        component: () => import('@/views/chart/funnel/components/basic.vue')
      },
      {
        path: 'pyramid',
        meta: {
          title: '漏斗图-金字塔'
        },
        name: 'funnel-pyramid',
        component: () => import('@/views/chart/funnel/components/pyramid.vue')
      },
      {
        path: 'align',
        meta: {
          title: '漏斗图-左对齐'
        },
        name: 'funnel-align',
        component: () => import('@/views/chart/funnel/components/align.vue')
      },
      {
        path: 'tagin',
        meta: {
          title: '漏斗图-标签在内部'
        },
        name: 'funnel-tagin',
        component: () => import('@/views/chart/funnel/components/tagin.vue')
      },
      {
        path: 'contrast',
        meta: {
          title: '对比漏斗图'
        },
        name: 'funnel-contrast',
        component: () => import('@/views/chart/funnel/components/contrast.vue')
      },
      {
        path: 'symmetric',
        meta: {
          title: '对称漏斗图'
        },
        name: 'funnel-symmetric',
        component: () => import('@/views/chart/funnel/components/symmetric.vue')
      },
      {
        path: 'multiple',
        meta: {
          title: '多个漏斗图'
        },
        name: 'funnel-multiple',
        component: () => import('@/views/chart/funnel/components/multiple.vue')
      },
    ]
  },
  {
    path: '/chart/scatter',
    meta: {
      title: '散点图'
    },
    name: 'scatter',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础散点图'
        },
        name: 'scatter-basic',
        component: () => import('@/views/chart/scatter/components/basic.vue')
      },
      {
        path: 'group',
        meta: {
          title: '分组散点图'
        },
        name: 'scatter-group',
        component: () => import('@/views/chart/scatter/components/group.vue')
      },
      {
        path: 'quadrant',
        meta: {
          title: '象限散点图'
        },
        name: 'scatter-quadrant',
        component: () => import('@/views/chart/scatter/components/quadrant.vue')
      },
      {
        path: 'bubble',
        meta: {
          title: '气泡图'
        },
        name: 'scatter-bubble',
        component: () => import('@/views/chart/scatter/components/bubble.vue')
      },
    ]
  },
  {
    path: '/chart/gauge',
    meta: {
      title: '仪表盘'
    },
    name: 'gauge',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础仪表盘'
        },
        name: 'gauge-basic',
        component: () => import('@/views/chart/gauge/components/basic.vue')
      },
      {
        path: 'words',
        meta: {
          title: '仪表盘-文字'
        },
        name: 'gauge-words',
        component: () => import('@/views/chart/gauge/components/words.vue')
      },
      {
        path: 'changecolor',
        meta: {
          title: '仪表盘-改变配色'
        },
        name: 'gauge-changecolor',
        component: () => import('@/views/chart/gauge/components/changecolor.vue')
      },
      {
        path: 'semicircle',
        meta: {
          title: '仪表盘-半圆'
        },
        name: 'gauge-semicircle',
        component: () => import('@/views/chart/gauge/components/semicircle.vue')
      },
    ]
  },
  {
    path: '/chart/sunburst',
    meta: {
      title: '旭日图'
    },
    name: 'sunburst',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础旭日图'
        },
        name: 'sunburst-basic',
        component: () => import('@/views/chart/sunburst/components/basic.vue')
      },
      {
        path: 'monochrome',
        meta: {
          title: '旭日图-单色'
        },
        name: 'sunburst-monochrome',
        component: () => import('@/views/chart/sunburst/components/monochrome.vue')
      },
      {
        path: 'rotatelabel',
        meta: {
          title: '旭日图-旋转标签'
        },
        name: 'sunburst-rotatelabel',
        component: () => import('@/views/chart/sunburst/components/rotatelabel.vue')
      },
      {
        path: 'drinkflavors',
        meta: {
          title: '旭日图-Drink Flavors'
        },
        name: 'sunburst-drinkflavors',
        component: () => import('@/views/chart/sunburst/components/drinkflavors.vue')
      },
    ]
  },
  {
    path: '/chart/tree',
    meta: {
      title: '树图'
    },
    name: 'tree',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础树图'
        },
        name: 'tree-basic',
        component: () => import('@/views/chart/tree/components/basic.vue')
      },
      {
        path: 'radial',
        meta: {
          title: '径向树图'
        },
        name: 'tree-radial',
        component: () => import('@/views/chart/tree/components/radial.vue')
      },
      {
        path: 'multiple',
        meta: {
          title: '多个树图'
        },
        name: 'tree-multiple',
        component: () => import('@/views/chart/tree/components/multiple.vue')
      },
    ]
  },
  {
    path: '/chart/treemap',
    meta: {
      title: '矩形树图'
    },
    name: 'treemap',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础矩形树图'
        },
        name: 'treemap-basic',
        component: () => import('@/views/chart/treemap/components/basic.vue')
      },
      {
        path: 'drill',
        meta: {
          title: '矩形树图-二级下钻'
        },
        name: 'treemap-drill',
        component: () => import('@/views/chart/treemap/components/drill.vue')
      },
    ]
  },
  {
    path: '/chart/geo',
    meta: {
      title: '地图'
    },
    name: 'geo',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础地图'
        },
        name: 'geo-basic',
        component: () => import('@/views/chart/geo/components/basic.vue')
      },
      {
        path: 'basic',
        meta: {
          title: '显示标签'
        },
        name: 'geo-label',
        component: () => import('@/views/chart/geo/components/label.vue')
      },
      {
        path: 'visual',
        meta: {
          title: '视觉映射'
        },
        name: 'geo-visual',
        component: () => import('@/views/chart/geo/components/visual.vue')
      },
      {
        path: 'individuation',
        meta: {
          title: '个性化地图样式'
        },
        name: 'geo-individuation',
        component: () => import('@/views/chart/geo/components/individuation.vue')
      },
      {
        path: 'scatter',
        meta: {
          title: '地图 + 涟漪散点图'
        },
        name: 'geo-scatter',
        component: () => import('@/views/chart/geo/components/scatter.vue')
      },
      {
        path: 'flyline',
        meta: {
          title: '飞线效果图'
        },
        name: 'geo-flyline',
        component: () => import('@/views/chart/geo/components/flyline.vue')
      },
      {
        path: 'drill',
        meta: {
          title: '地图下钻'
        },
        name: 'geo-drill',
        component: () => import('@/views/chart/geo/components/drill.vue')
      },
      {
        path: 'outurl',
        meta: {
          title: '通过外部URL渲染地图'
        },
        name: 'geo-outurl',
        component: () => import('@/views/chart/geo/components/outurl.vue')
      },
    ]
  },
  {
    path: '/chart/wordcloud',
    meta: {
      title: '词云图'
    },
    name: 'wordcloud',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础词云图'
        },
        name: 'wordcloud-basic',
        component: () => import('@/views/chart/wordcloud/components/basic.vue')
      },
      {
        path: 'random',
        meta: {
          title: '词云随机字体颜色'
        },
        name: 'wordcloud-random',
        component: () => import('@/views/chart/wordcloud/components/random.vue')
      },
      {
        path: 'tooltip',
        meta: {
          title: '词云tooltip'
        },
        name: 'wordcloud-tooltip',
        component: () => import('@/views/chart/wordcloud/components/tooltip.vue')
      },
      {
        path: 'effect',
        meta: {
          title: '最优效果'
        },
        name: 'wordcloud-effect',
        component: () => import('@/views/chart/wordcloud/components/effect.vue')
      },
    ]
  },
  {
    path: '/chart/liquidfill',
    meta: {
      title: '水球图'
    },
    name: 'liquidfill',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础水球图'
        },
        name: 'liquidfill-basic',
        component: () => import('@/views/chart/liquidfill/components/basic.vue')
      },
      {
        path: 'multiwave',
        meta: {
          title: '多波水球图'
        },
        name: 'liquidfill-multiwave',
        component: () => import('@/views/chart/liquidfill/components/multiwave.vue')
      },
      {
        path: 'colors',
        meta: {
          title: '颜色和透明度'
        },
        name: 'liquidfill-colors',
        component: () => import('@/views/chart/liquidfill/components/colors.vue')
      },
      {
        path: 'change',
        meta: {
          title: '修改单组数据颜色'
        },
        name: 'liquidfill-change',
        component: () => import('@/views/chart/liquidfill/components/change.vue')
      },
      {
        path: 'static',
        meta: {
          title: '静态波'
        },
        name: 'liquidfill-static',
        component: () => import('@/views/chart/liquidfill/components/static.vue')
      },
      {
        path: 'flat',
        meta: {
          title: '平波'
        },
        name: 'liquidfill-flat',
        component: () => import('@/views/chart/liquidfill/components/flat.vue')
      },
      {
        path: 'contour',
        meta: {
          title: '隐藏外轮廓'
        },
        name: 'liquidfill-contour',
        component: () => import('@/views/chart/liquidfill/components/contour.vue')
      },
      {
        path: 'square',
        meta: {
          title: '正方形轮廓'
        },
        name: 'liquidfill-square',
        component: () => import('@/views/chart/liquidfill/components/square.vue')
      },
      {
        path: 'central',
        meta: {
          title: '中心文字'
        },
        name: 'liquidfill-central',
        component: () => import('@/views/chart/liquidfill/components/central.vue')
      },
    ]
  },
  {
    path: '/chart/polar',
    meta: {
      title: '极区图'
    },
    name: 'polar',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础极区图'
        },
        name: 'polar-basic',
        component: () => import('@/views/chart/polar/components/basic.vue')
      },
      {
        path: 'columnar',
        meta: {
          title: '极区柱形图（环形）'
        },
        name: 'polar-columnar',
        component: () => import('@/views/chart/polar/components/columnar.vue')
      },
      {
        path: 'stacking',
        meta: {
          title: '极区堆叠柱形图（环形）'
        },
        name: 'polar-stacking',
        component: () => import('@/views/chart/polar/components/stacking.vue')
      },
      {
        path: 'area',
        meta: {
          title: '极区面积图（径向）'
        },
        name: 'polar-area',
        component: () => import('@/views/chart/polar/components/area.vue')
      },
      {
        path: 'pillar',
        meta: {
          title: '极区柱形图（径向）'
        },
        name: 'polar-pillar',
        component: () => import('@/views/chart/polar/components/pillar.vue')
      },
      {
        path: 'pile',
        meta: {
          title: '极区堆叠柱形图（径向）'
        },
        name: 'polar-pile',
        component: () => import('@/views/chart/polar/components/pile.vue')
      },
    ]
  },
  {
    path: '/chart/sankey',
    meta: {
      title: '桑基图'
    },
    name: 'sankey',
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础桑基图'
        },
        name: 'sankey-basic',
        component: () => import('@/views/chart/sankey/components/basic.vue')
      },
      {
        path: 'portrait',
        meta: {
          title: '纵向桑基图'
        },
        name: 'sankey-portrait',
        component: () => import('@/views/chart/sankey/components/portrait.vue')
      },
      {
        path: 'highlight',
        meta: {
          title: '高亮节点'
        },
        name: 'sankey-highlight',
        component: () => import('@/views/chart/sankey/components/highlight.vue')
      },
      {
        path: 'dark',
        meta: {
          title: '暗色背景'
        },
        name: 'sankey-dark',
        component: () => import('@/views/chart/sankey/components/dark.vue')
      },
      {
        path: 'notdrag',
        meta: {
          title: '禁止拖拽'
        },
        name: 'sankey-notdrag',
        component: () => import('@/views/chart/sankey/components/notdrag.vue')
      },
      {
        path: 'zindex',
        meta: {
          title: '层级设置'
        },
        name: 'sankey-zindex',
        component: () => import('@/views/chart/sankey/components/zindex.vue')
      },
    ]
  },
  {
    path: '/platform',
    name: 'platform',
    meta: {
      title: '通用平台'
    },
    component: Main,
    children: [
      {
        path: 'basic',
        meta: {
          title: '基础用法'
        },
        name: 'basic',
        component: () => import('@/views/platform/basic.vue')
      },
      {
        path: 'loadedEvent',
        meta: {
          title: '数据加载事件'
        },
        name: 'loadedEvent',
        component: () => import('@/views/platform/loadedEvent.vue')
      },
      {
        path: 'test',
        meta: {
          title: '测试页面'
        },
        name: 'test',
        component: () => import('@/views/platform/test.vue')
      }
    ]
  },
  {
    path: '/props-config',
    name: 'props-config',
    meta: {
      title: '属性配置'
    },
    component: Main,
    children: [
      {
        path: 'empty',
        meta: {
          title: '数据项为空'
        },
        name: 'empty',
        component: () => import('@/views/props-config/empty.vue')
      },
      {
        path: 'empty-template',
        meta: {
          title: '自定义空数据模版'
        },
        name: 'empty-template',
        component: () => import('@/views/props-config/empty-template.vue')
      },
      {
        path: 'loading',
        meta: {
          title: '加载图表动效'
        },
        name: 'loading',
        component: () => import('@/views/props-config/loading.vue')
      },
      {
        path: 'height',
        meta: {
          title: '图表高度'
        },
        name: 'height',
        component: () => import('@/views/props-config/height.vue')
      },
      {
        path: 'render-svg',
        meta: {
          title: 'svg渲染图表'
        },
        name: 'render-svg',
        component: () => import('@/views/props-config/render-svg.vue')
      },
      {
        path: 'get-instance',
        meta: {
          title: '获取图表实例'
        },
        name: 'get-instance',
        component: () => import('@/views/props-config/get-instance.vue')
      },
      {
        path: 'theme',
        meta: {
          title: '更换主题'
        },
        name: 'theme',
        component: () => import('@/views/props-config/theme.vue')
      },
      {
        path: 'color-match',
        meta: {
          title: '更换配色'
        },
        name: 'color-match',
        component: () => import('@/views/props-config/color-match.vue')
      }
    ]
  },
  {
    path: '/event',
    name: 'event',
    meta: {
      title: '事件处理'
    },
    component: Main,
    children: [
      {
        path: 'index',
        meta: {
          title: '监听事件'
        },
        name: 'index',
        component: () => import('@/views/event/index.vue'),
      }
    ]
  }
]
